/*Standardize all pages' layout*/
body {
	background: url(images/bg.jpg);
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color:#000;
        margin-top: 0px;
        padding-top: 0px;
}

#resolution{
	/*border: solid 1px #000; /*temp guide*/
	width: 1024px;
	height: auto;
        min-height: 1000px;
        margin-right:auto;
        margin-left:auto;
        margin-top: 0px;
        padding-top: 0px;
}

/*HEADER*/

#header {
    /*border: solid 1px #000; /*temp guide*/
    background: url(images/header-bg.png) no-repeat;
    width: 1024px;
    height: 250px;
    display: block;
    margin-top: 0px;

    position: fixed;
    z-index: 5000;
}


/* MENU */

#menu {
    width:1009px;
    display:block;
    padding:10px;
    padding-bottom: 0px;
    margin-top:160px;

    position: fixed;
    z-index: 5000;
}

#menu-item{
    margin-left: 20px;
    display: inline-block;

    height: auto;
}


/*BODY*/
.content {
	/*border: solid 1px #000; /*temp guide*/
        background: url(images/bg-content.jpg);
        margin-top: 270px;
        padding: 0px;
	width: 1024px;
	height: auto;
        display: block;

        position: absolute;
        z-index: 4000;
}


/*FOOTER*/
#footer {
	/*border: solid 1px #000; /*temp guide*/
	width: 100%;
	height: auto;
        display: block;
}

/* Standard Formatting */

h1{
    font: normal 20px arial, sans-serif;
    color:black;
    width:100%;
    text-indent:10px;
    padding-top:10px;
    padding-bottom: 3px;
    margin-bottom: 0px;
}


h2{
    font: normal 18px arial, sans-serif;
    color:black;
    width:100%;
    text-indent:10px;
    padding-top:10px;
    padding-bottom: 3px;
    margin-bottom: 0px;
}

a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px 2px #000;
    font-size: 120%;
}

/*----------  REGISTER/LOGIN PAGE ---------- */

#admin{
    width:1024px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 20px;
    padding-bottom: 10px;
    display: inline-block;
}

/*----------  REGISTER/LOGIN PAGE ---------- */

#register{
    width:500px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 380px;
    padding-bottom: 10px;
    display: inline-block;
}

/*----------  PROJECT PAGE ---------- */

#manage_project{
    width:800px;
    height: auto;
    margin-left: 140px;
    padding-bottom: 10px;
    display: inline-block;
}

#paper-injects{
    background: url(images/items/injects.png) no-repeat;
    width:250px;
    height: 264px;
    display: inline-block;
    vertical-align: top;
}

#project_inject{
    width:200px;
    height:auto;
    margin-top: 30px;
    margin-left: 50px;
    display: inline-block;
    vertical-align: top;
}

#inject_item{

}

/*----------  EMPLOYEE PAGE ---------- */

#manage_employee{
    width:200px;
    display: inline-block;
}

#hire_employee{
    width:770px;
    border-left:1px gray dashed;
    height:auto;
    float: right;
    vertical-align: top;
    margin-left: 30px;
}

/*----------  BID PROJECT PAGE ---------- */

#bid_project{
    width:765px;
    display: inline-block;
}

#bid_outsource_project{
    width:220px;
    border-left:1px gray dashed;
    padding-left:10px;
    padding-bottom:20px;
    height:auto;
    display:inline-block;
    vertical-align: top;
}

/*----------  DASHBOARD PAGE ---------- */

#notification_container{
    margin-left: 0px;
    margin-top: 30px;
}

#notification_holder{
    background: url(images/items/announcement.png) no-repeat;
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;

    width:150px;
    height: 150px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}

#current_notification_item{
    width:100%;
}

#notification_item{
    width:100%;
}

#new_notification{
    float:right;
    width:100px;
    color: red;
    font-weight: bold;
}

/*----------  ADMIN PAGE ---------- */

.admin_panel{
    margin:10px;
    padding:10px;
}

.player_table{
    width: 100%;
}

#player_panel{
    margin:10px;
}

#admin_content{
    margin-top:0px;
}

/*----------  TRANSACTION PAGE ---------- */

#transaction-paper{
    background: url("images/items/paper-trans.png") repeat-y;
    width:700px;
    height: 989px;
    display:inline-block;
}

#transaction_list{
    width:550px;
    height: 900px;
    margin-top:60px;
    margin-left: 80px;
    float: left;
    overflow: hidden;
}

#forecast-paper{
    background: url("images/items/paper-forecast.png") no-repeat;
    width:300px;
    height: 344px;
   float: right;

}

#forecasted_balance{
    width:270px;
    margin-top:55px;
    margin-left:20px;
    padding:20px;
    display:inline-block;
    vertical-align: top;
}

.transaction_table{
    width:100%;
    border:0;
    margin-bottom:20px;
    margin-top:30px;
}

.transaction_header{
    font-size: 120%;
    font-weight: bold;
}

.transaction_title{
    background-color: #242526;
    color: white;
    font-weight: bold;
    text-align: center;
}

.transaction_value{
    text-align: right;
}

#description{
    text-align: left;
}

#debit{
    color:#2222f4;
    font-weight: bold;
}

#credit{
    color:#f22222;
    font-weight: bold;
}

